
<template>
  <div class="wrap" style="padding: 15px">
    <el-row>
      <el-form :inline="true" :model="formData" class="demo-form-inline">
        <el-form-item label="场馆名称">
          <el-input v-model="formData.user" placeholder="审批人"></el-input>
        </el-form-item>
        <el-form-item label="场馆ID">
          <el-input v-model="formData.id" placeholder="审批人"></el-input>
        </el-form-item>
        <el-form-item label="经营状态">
          <el-select v-model="formData.state" placeholder="活动区域">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary">查询</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <el-row>
      <el-button type="primary" style="margin-bottom: 15px" @click="add"
        >新增</el-button
      >
    </el-row>

    <el-table :data="tableData" style="width: 100%" stripe v-loading="loading">
      <el-table-column type="index" label="序号"></el-table-column>
      <el-table-column label="场馆ID" prop="id"></el-table-column>
      <el-table-column label="场馆名称" prop="name"></el-table-column>
      <el-table-column label="场馆地址" prop="address"></el-table-column>
      <el-table-column label="营业时间" prop="time"></el-table-column>
      <el-table-column label="营业状态" prop="state"></el-table-column>
      <el-table-column label="操作">
        <template>
          <el-button type="primary" size="small">编辑</el-button>
          <el-button type="danger" size="small">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- <div class="block" style="text-align: center">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="page"
        :page-sizes="[10, 20, 30, 40]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      ></el-pagination>
    </div> -->
    <add-venue ref="addVenue"></add-venue>
  </div>
</template>
<script>
import AddVenue from '../addVenue/index'
export default {
  components: {
    AddVenue
  },
  data () {
    return {
      formData: {
        user: undefined,
        id: undefined,
        state: undefined,
        page: 1,
        pageSize: 10,
      },
      tableData: [
        {
          id: 1,
          name: '中正体育馆',
          address: "神大陆89号",
          state: "营业中",
          time: '09:00'
        }
      ],
      total: 0,
      loading: false,

    };
  },

  created () {

  },
  methods: {
    // 新增
    add () {
      this.$refs.addVenue.addShow()
    },
  },
};
</script>
